@charset "utf-8";
*{
	margin: 0;
	padding: 0;
}
html{
	height: 100%;
}
body{
	background-color:lightgray;
}
a{
	text-decoration:none;
	}
li{
	list-style:none;
	}
header{
	position: relative;
	width: 100%;
	background: url(../images/background.gif) no-repeat;
	height:12rem;
	background-size: 100% 100%;
}
.fa-cog{
	position: absolute;
	top: 0.9rem;
	left: 1rem;
	font-size: 1.5rem;
	color: #666666;
}
.fa-envelope-o{
	position: absolute;
	top: 0.9rem;
	right: 1rem;
	font-size: 1.5rem;
	color: #666666;
}
.red_center{
	position: absolute;
	width: 0.4rem;
	height: 0.4rem;
	background-color: red;
	border-radius: 50%;
	top: 0.8rem;
	right: 0.7rem;
}
.touxiang img{
	position: absolute;
	top: 3.5rem;
	left: 2rem;
	width: 5rem;
	height: 5rem;
}
.touxiang span{
	width: 7rem;
	position: relative;
	display: block;
	top: 4.5rem;
	left:40%;
}
section{
	margin-top: 1rem;
	width: 100%;
	height: auto;
	background-color: #fff;
}
section li{
	width: 100%;
	height: 3rem;
	line-height: 3rem;
}
section li img{
	padding:0 1rem;
	vertical-align: middle;
}
section li a{
	width: 100%;
	color: #000000;
}
.fa-angle-right{
	position: absolute;
	vertical-align: middle;
	font-size: 1.5rem;
	right: 1rem;
	line-height: 3rem;
}
.bottom{
	border-bottom: 1px solid ghostwhite;
}
.center_bottom{
	margin-bottom: 4rem;
}
footer{
	position: fixed;
	margin-top: 2rem;
	bottom: 0;
	width: 100%;
	height: 4rem;
	background-color: #fff;
	border-top: 1px solid ghostwhite;
}
footer li{
	width: 25%;
	float: left;
	text-align: center;
}
footer img{
	width: 2rem;
	height: 2rem;
}
footer li a{
	color: #000000;
}
footer span{
	display: block;
}
